﻿@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body { font-size: 12px; font-family: arial,"宋体"; _font-family: '宋体'; color: #333; }
img { border: 0px; }
ul, li, dd, dt, dl { list-style: none; }
a { text-decoration: none; }
    a:hover { text-decoration: underline; }
.clear { clear: both; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
/*顶部导航*/
#top { height: 30px; background: url(../../images/main.gif) repeat-x; }
    #top .main, #header, #nav .main, #content, #footer .main { width: 995px; margin: auto; }
    #top .main { height: 30px; overflow: hidden; }
        #top .main li { height: 29px; line-height: 29px; color: #d8d8d8; float: left; display: inline; display: table; }
            #top .main li a { color: #666; padding: 0 10px; }
                #top .main li a:hover { color: #4d9409; }
        #top .main .wel { color: #666; }
        #top .main .fl li { padding-right: 12px; }
        #top .main .top_login { color: #4d9409; }
            #top .main .top_login a { color: #4d9409; padding: 0; }
                #top .main .top_login a:hover { color: #f60; }
            #top .main .top_login span { color: #d8d8d8; padding: 0 6px; }
        #top .main .alipay_login, #top .main .qq_login, #top .main .sina_login, #top .main .taobao_login, #top .main .douban_login, #top .main .renren_login, #top .main .more_login p { background: url(../../images/main.gif) no-repeat; }
        #top .main .alipay_login { padding-left: 18px; background-position: -8px -325px; }
            #top .main .alipay_login a, #top .main .qq_login a { color: #666; padding: 0; }
        #top .main .qq_login { padding-left: 18px; background-position: -8px -356px; }
        #top .main .more_login { color: #666; }
            #top .main .more_login p { background-position: 0 -208px; width: 76px; height: 20px; display: block; margin-top: 5px; line-height: 19px; padding-left: 9px; cursor: pointer; }
            #top .main .more_login .down { width: 83px; position: absolute; top: 24px; border: 1px solid #d4d4d4; background: #fff; display: none; z-index: 99; }
                #top .main .more_login .down a { padding: 0; margin: 0; height: 24px; width: 83px; display: block; line-height: 24px; background: #fff; cursor: pointer; }
                    #top .main .more_login .down a:hover { background: #f6f6f6; text-decoration: none; color: #f60; }
                #top .main .more_login .down span { display: block; height: 24px; width: 53px; padding-left: 25px; }
        #top .main .taobao_login { background-position: -3px -388px; }
        #top .main .sina_login { background-position: -3px -420px; }
        #top .main .douban_login { background-position: -3px -451px; }
        #top .main .renren_login { background-position: -3px -482px; }
/*网站头部*/
#header .topright { width: 240px; }
    #header .topright .phone { height: 35px; background: 35px -275px url(../../images/main.gif) no-repeat; margin: 12px 0 13px 0; }
    #header .topright .cart { height: 28px; border: 1px solid #febf90; background: 0 -177px url(../../images/main.gif) repeat-x; }
        #header .topright .cart a { display: block; height: 28px; line-height: 28px; padding-left: 34px; color: #333; background: -166px -345px url(../../images/main.gif) no-repeat; }
            #header .topright .cart a:hover { text-decoration: none; color: #c70000; }
            #header .topright .cart a span { color: #de0405; padding: 0 8px; font-weight: bold; }
            #header .topright .cart a input { float: right; display: inline; width: 50px; height: 20px; color: #fff; border: 0; background: -149px -382px url(../../images/main.gif) no-repeat; margin: 4px 6px 0 0; cursor: pointer; line-height: 20px; font-size: 12px; }
#header .serach { width: 440px; margin-top: 20px; }
    #header .serach .serach_div { width: 380px; background: #f5f5f5; padding: 3px; position: relative; }
        #header .serach .serach_div span { background: #fff -180px -246px url(../../images/main.gif) no-repeat; width: 20px; height: 24px; position: absolute; left: 4px; top: 5px; display: block; }
        #header .serach .serach_div .box { height: 26px; padding-top: 2px; width: 257px; _width: 254px; padding-left: 23px; border: 1px solid #dfdfdf; line-height: 26px; color: #666; margin: 0; font-size: 12px; }
        #header .serach .serach_div .btn { width: 98px; height: 30px; border: 0; background: -103px -208px url(../../images/main.gif) no-repeat; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; padding: 0; margin: 0; *margin-top: 1px; }
    #header .serach .hot_serach { color: #666; margin-top: 10px; }
        #header .serach .hot_serach a { color: #666; text-decoration: none; margin: 0 5px; }
            #header .serach .hot_serach a:hover { color: #f60; }
#header .logo { padding: 18px 0 18px 8px; }
/*导航*/
#nav { height: 38px; background: 0 -30px url(../../images/main.gif) repeat-x; }
    #nav .main { width: 995px; margin: auto; }
        #nav .main .right { width: 281px; float: right; display: inline; text-align: right; font-size: 14px; font-weight: bold; color: #fff; line-height: 38px; }
            #nav .main .right a { margin: 0 3px; color: #fff; }
                #nav .main .right a:hover { }
        #nav .main .left { font-size: 14px; font-weight: bold; color: #fff; line-height: 38px; }
            #nav .main .left ul li { float: left; display: inline; }
                #nav .main .left ul li a { color: #fff; padding: 0 13px; height: 38px; display: block; float: left; }
                #nav .main .left ul li.hover a { background: url(../../images/main.gif) 0 -554px repeat-x; }
                #nav .main .left ul li a:hover { text-decoration: none; background: url(../../images/main.gif) 0 -554px repeat-x; }
/*分类*/
#content { padding: 10px 0 15px 0; }
#allsorts { width: 200px; background: #fffce7; border: 1px solid #efdc77; border-right: none; border-left: none; }
    #allsorts dl { width: 198px; margin: auto; padding: 8px 0; border-bottom: 1px solid #fde5b9; border-right: 1px solid #efdc77; border-left: 1px solid #efdc77; }
        #allsorts dl dt { width: 48px; padding-left: 11px; float: left; display: inline; }
            #allsorts dl dt a { line-height: 20px; font-weight: bold; color: #2f7800; }
        #allsorts dl dd { width: 132px; float: left; display: inline; background: -62px -421px url(../../images/main.gif) no-repeat; }
            #allsorts dl dd a { width: 60px; display: block; float: left; display: inline; line-height: 20px; color: #4e4e4e; }
        #allsorts dl.active { background: white; border-right-color: white; border-bottom-color: #e1c636; border-left-color: #e1c636; }
    #allsorts .cat_panel { display: none; position: absolute; z-index: 99; border: 1px solid #e1c636; border-left: none; background: white; padding: 5px 10px; width: 360px; }
        #allsorts .cat_panel h3 { width: 60px; float: left; }
            #allsorts .cat_panel h3 a { height: 30px; line-height: 30px; color: #2F7800; font-size: 12px; clear: both; display: block; }
        #allsorts .cat_panel ul { float: left; width: 300px; clear: right; }
            #allsorts .cat_panel ul li { float: left; padding: 0; line-height: 30px; height: 30px; width: 75px; }
                #allsorts .cat_panel ul li a { color: #4E4E4E; white-space: nowrap; }
                    #allsorts dl dd a:hover, #allsorts .cat_panel ul li a:hover { color: #F60; text-decoration: none; }

/*底部*/
#footer { background: #F9F9F9 0 -287px url(../images/help.jpg) repeat-x; padding: 30px 0; clear: both; zoom: 1; }
    #footer .main { width: 995px; margin: auto; }
        #footer .main .contact { width: 995px; margin: auto; width: 160px; height: 162px; background: url(../images/help.jpg) no-repeat; padding-left: 30px; position: relative; }
            #footer .main .contact a { width: 97px; height: 37px; display: block; bottom: 0; left: 0; position: absolute; }
        #footer .main .help { width: 775px; padding-right: 10px; }
            #footer .main .help dl { width: 135px; float: left; display: inline; padding: 10px; }
            #footer .main .help dt { background: url(../images/help.jpg) no-repeat; }
            #footer .main .help dt { height: 25px; margin-bottom: 7px; }
            #footer .main .help dl .dt1 { background-position: 0 -162px; }
            #footer .main .help dl .dt2 { background-position: 0 -187px; }
            #footer .main .help dl .dt3 { background-position: 0 -212px; }
            #footer .main .help dl .dt4 { background-position: 0 -237px; }
            #footer .main .help dl .dt5 { background-position: 0 -262px; }
            #footer .main .help dd { padding-left: 20px; margin-left: 10px; background: -143px -182px url(../images/help.jpg) no-repeat; line-height: 20px; }
                #footer .main .help dd a { color: #666; }
        #footer .main .baozhang { background: 0 20px url(../images/baozhang.jpg) no-repeat; height: 51px; padding: 20px 0; }
        #footer .main .bot_nav { color: #999; line-height: 26px; text-align: center; }
            #footer .main .bot_nav a { color: #999; padding: 0 9px; }
        #footer .main .safe { background: url(../images/safe.jpg) no-repeat; width: 970px; height: 59px; margin: auto; position: relative; margin-top: 15px; }
            #footer .main .safe .xinyong_star { width: 102px; height: 35px; display: block; position: absolute; right: 0; top: 22px; }
            #footer .main .safe .zhengxin { width: 84px; height: 37px; display: block; position: absolute; right: 114px; bottom: 0; }
        #footer .main .fri_link { width: 970px; margin: auto; color: #cbcbcb; line-height: 20px; margin-top: 20px; }
            #footer .main .fri_link a { color: #cbcbcb; }

/*分类页评论*/
#cat_comments { border: 1px solid #E5E5E5; border-top: none; overflow: hidden; }
#cat_comments { float: left; display: inline; width: 198px; }
    #cat_comments .top { height: 34px; background: 0 -103px url(../../images/main.gif) repeat-x; color: #666; line-height: 34px; font-size: 14px; padding-left: 10px; font-weight: bold; padding-top: 3px; }
    #cat_comments .con .rgiht { padding-right: 3px; }
        #cat_comments .con .rgiht .title { color: #0068B7; line-height: 22px; height: 22px; overflow: hidden; display: block; }
        #cat_comments .con .rgiht .comment_content { color: #666666; line-height: 20px; height: 40px; overflow: hidden; display: block; }
        #cat_comments .con .rgiht .user_name { color: #f60; }
        #cat_comments .con .rgiht .time { color: #999; margin-left: 8px; }
    #cat_comments .con li { margin: 0 7px; padding: 14px 0 10px 5px; border-bottom: 1px dotted #D5D5D5; }

#scrolltop { position: absolute; }

#filter_value_dict { width: 300px; border: 1px solid #8cc26b; position: absolute; padding: 5px; display: none; background: #fbfff7; }
    #filter_value_dict .filter_value_name { line-height: 22px; color: #5c9e07; font-weight: bold; }
    #filter_value_dict .filter_value_dict { line-height: 18px; color: #777; padding: 3px 0; }
#filters a { padding: 3px; }
#filters .filter a:hover { background: #75b65d; color: white; text-decoration: none; }
#filters .filter a.current { background: #75b65d; color: white; text-decoration: none; }

#shopping_cart_content .plusone .collect_pro_top_title { background-position: 295px 10px; }

.mod_top_banner { height: 35px; width: 100%; background: url(../images/tip_bg.png); color: #333333; font-size: 12px; }
    .mod_top_banner a { color: #0066cc; text-decoration: none; }
    .mod_top_banner .redf { color: red; font-weight: bolder; }
    .mod_top_banner .main_area { width: 980px; margin: 0 auto; height: 35px; }
    .mod_top_banner .sale_tip { float: left; width: 630px; height: 35px; line-height: 35px; padding-left: 32px; background: url(../images/logo_s.gif) no-repeat left center; text-align: left; }
    .mod_top_banner .login_status { float: right; height: 35px; }
        .mod_top_banner .login_status a { float: left; }
        .mod_top_banner .login_status img { border: none; }
    .mod_top_banner .login_btn { padding-right: 10px; border-right: #add9fb 1px solid; height: 16px; margin-top: 10px; }
    .mod_top_banner .login_span { float: left; color: #777; height: 16px; margin-top: 10px; line-height: 16px; }
    .mod_top_banner .my_caibei { padding-left: 10px; border-left: #fff 1px solid; height: 16px; margin: 10px 0 0 10px; line-height: 16px; }

#top .main .top_login a.notice { color: #f60; }
    #top .main .top_login a.notice strong { font-weight: bold; }
#top .main .top_login .nonotice img { display: none; }


/* 新茶预定 */
#nav .main .left ul { position: relative; }
    #nav .main .left ul .xincha_new { position: absolute; left: 679px; top: -3px; z-index: 100; _left: -15px; }

@media all and (min-width:0) { /*IE9*/
    #nav .main .left ul .xincha_new { left: 663px \0/; }
    /* IE9-IE10pp4 */
}

/* 新茶预定倒计时 */
.page-banner-countdown { height: 80px; position: relative; width: 990px; margin: 0 auto; padding-top: 10px; }
    .page-banner-countdown span { color: #f60; font-size: 44px; text-align: center; width: 50px; height: 50px; display: block; font-family: arial; top: 21px; position: absolute; }
    .page-banner-countdown .d { left: 435px; }
    .page-banner-countdown .h { left: 527px; }
    .page-banner-countdown .m { left: 619px; }
    .page-banner-countdown .s { left: 711px; }

/* 2013新茶 */
#xincha_lottery { background: url('../images/lottery_bg.jpg') no-repeat; width: 855px; margin: 0 auto; padding-top: 15px; height: 270px; }
    #xincha_lottery .text { width: 700px; padding-left: 30px; font-size: 14px; height: 30px; line-height: 30px; }
    #xincha_lottery .record_btn { float: right; display: block; width: 91px; height: 30px; line-height: 30px; margin-right: 20px; _margin-right: 10px; }
    #xincha_lottery ul { padding-left: 20px; cursor: url('../images/lottery_hammer.png'), pointer; }
        #xincha_lottery ul li { float: left; width: 142px; height: 160px; padding: 0 10px; }
            #xincha_lottery ul li a { width: 142px; height: 160px; display: block; cursor: url('../images/lottery_hammer.png'), pointer; background: url('../images/lottery_egg.png') center center no-repeat; }
                #xincha_lottery ul li a.hover { background: url('../images/lottery_egg_highlighted.png') center center no-repeat; }
                #xincha_lottery ul li a.exploded { background: url('../images/lottery_egg_exploded.png') center center no-repeat; }
                #xincha_lottery ul li a.disabled { background: url('../images/lottery_egg_disabled.png') center center no-repeat; }

/* 提示 气泡 */
.notice-bubble { margin: 5px auto; width: 400px; padding: 10px 20px 10px 50px; border: 1px solid #FBDF8F; background: #FFF9EA url(../../images/icon_cant_comment.png) 10px center no-repeat; clear: both; line-height: 22px; font-size: 13px; }
    .notice-bubble a { text-decoration: underline; }
        .notice-bubble a:hover { text-decoration: none; }


.oliservice { z-index:9999; position: fixed; _position: absolute; bottom: 50px; left: 10px; width: 176px; height: 586px; _left: expression(eval(document.documentElement.clientWidth-186)); _top: expression(eval(documentElement.scrollTop+document.documentElement.clientHeight-600)); }
